<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta charset="UTF-8">
    <title>商品详情</title>
    <link href="../js/bootstrap/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../style/font/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../style/css/index.css">
    <link rel="stylesheet" type="text/css" href="../style/css/goods.css">
</head>
<body>

<!--Header-->
<header>
    <div class="top">
        <div class="wrapper" style="overflow: hidden">
            <div class="top_lt left">
                <i class="iconfont icon-qiandao"></i>
                <span>[每日签到]</span>
                <span>每月累计签到满10次，即可获得5蜜豆</span>
            </div>
            <div class="top_rt right">
                <span><a href="login—register.html?id=1" id="top_login">登录</a></span>
                <span><a href="login—register.html" id="top_register">注册</a></span>
                <span>|</span>
                <span><a href="#"><i class="iconfont icon-shouji"></i>手机APP</a></span>
                <span><a href="#"><i class="iconfont icon-kefu"></i>在线客服</a></span>
            </div>
        </div>
    </div>
    <!--middle-->
    <div class="middle">
        <div class="wrapper">
            <div class="container">
                <div class="row">
                    <div class="logo col-md-4" >
                        <a title="美美箱"><img src="../images/loginImg/new-logo_memebox-china.png"></a>
                    </div>
                    <div class="col-md-6">
                        <div class="search">
                            <!--<input type="text"/>-->
                            <!--&nbsp;-->
                            <!--<span class="text_clear iconfont icon-sousuo"></span>-->
                            <!--<button><i class="iconfont icon-sousuo"></i></button>-->
                        </div>
                    </div>

                    <div class="col-md-2"><img src="../images/indexImg/wechatdownload.png" id="qr"></div>
                </div>
            </div>
        </div>
    </div>

    <!--导航栏-->
    <nav class="wrapper">
        <ul>
            <!--商品列表-->
            <li id="category">
                <a href="#"><span><i class="iconfont icon-bars"></i>商品分类</span></a>
                <!--<div id="creat_category">-->
                    <!--<ul class="sec_menu">-->
                        <!--&lt;!&ndash;动态创建导航栏&ndash;&gt;-->
                    <!--</ul>-->
                <!--</div>-->
            </li>
            <!--End 商品列表-->
            <li><a href="#"><span>主页</span></a></li>
            <li><a href="#"><span>极速仓</span><i class="hot iconfont icon-hot"></i></a></li>
            <li><a href="#"><span>面膜</span></a></li>
            <li><a href="#"><span>直邮</span></a></li>
            <li><a href="#"><span>礼盒</span></a></li>
            <li><a href="#"><span>PONY</span></a></li>
            <li><a href="#"><span>美美妆</span></a></li>
            <li><a href="#"><span>I'M MEME</span></a></li>
            <li><a href="#"><span>K-BEAUTY STYLE</span></a></li>
        </ul>
    </nav>
</header>
<!--End Header-->



<!--Main-->
<section id="main" class="wrapper">
    <!--头部商品信息-->
    <section class="g_details">
        <!--图片-->
        <div class="d_lt">
            <!--<div class="d_lt_top">-->
                <!--<img src="../images/goodsImg/thumbnail-change295-03_1.jpg"/>-->
                <!--<a href="javascript:void(0)">变焦</a>-->
            <!--</div>-->
            <!--<div class="d_lt_bt">-->
                <!--<p>-->
                <!--<div><img src="../images/goodsImg/thumbnail-change295_1_1.jpg"></div>-->
                <!--<div><img src="../images/goodsImg/thumbnail-change295-03_1.jpg"></div>-->
                <!--</p>-->
            <!--</div>-->
        </div>
        <!--图片右边-->
        <div class="d_rt">
            <!--<h1>-->
                <!--Pony Effect THAT GIRL 微光4色修容盘</h1>-->
            <!--<p>-->
                <!--让你在热闹派对中成为焦点~Pony Effect限量珍藏版 4色微光修容盘，珠光与哑光相结合，适合亚洲人的肌肤色调，打造立体焕彩妆容；粉质细腻，定妆服帖不飞粉，高光与修容共同打造理想的脸型，无论何时何地都能让你成为焦点 THAT DIRL！-->
            <!--</p>-->
            <!--<div class="goods_price">-->
                <!--<div>-->
                    <!--<label>价格</label>-->
                    <!--<span class="oldPrice">¥240</span>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<label>促销价</label>-->
                    <!--<span class="price">¥88.00</span>-->
                    <!--<span class="super_special">超特价</span>-->
                    <!--<span class="sale">3.7折</span>-->
                <!--</div>-->
            <!--</div>-->
            <!--返-->
            <!--<div class="fan">-->
                <!--<i class="iconfont icon-fan"></i>-->
                <!--<span>最高可返<b>50</b>蜜豆</span>-->
            <!--</div>-->
            <!--邮费-->
            <!--<div class="postage">-->
                <!--<span>邮费</span>-->
                <!--<span>满99元免邮</span>-->
            <!--</div>-->
            <!--分类-->
            <!--<div class="options">-->
                <!--<dl class="last">-->
                    <!--<dt>-->
                        <!--<label>颜色分类<span class="required">&nbsp;*</span></label>-->
                    <!--</dt>-->
                    <!--<dd class="last">-->
                        <!--<select name="options[2]" id="goods_2" >-->
                            <!--<option value="">&#45;&#45; 请选择分类 &#45;&#45;</option>-->
                            <!--<option value="201">2호 란제리 2号 象牙白 </option>-->
                            <!--<option value="202" disabled="disabled">3호 리넨 3号 亮肤色 </option>-->
                            <!--<option value="203" disabled="disabled">4호 진저 4号 自然肤色 </option>-->
                        <!--</select>-->
                    <!--</dd>-->
                <!--</dl>-->
            <!--</div>-->
            <!--加入购物车-->
            <!--<div class="add_to_cart">-->
                <!--<div>-->
                    <!--<label>数量</label>-->
                    <!--<div class="goods_num">-->
                        <!--<a href="javascript:void(0)" class="minus_g">-</a>-->
                        <!--<input type="text" value="1"/>-->
                        <!--<a href="javascript:void(0)" class="add_g">+</a>-->
                    <!--</div>-->
                    <!--<p>-->
                        <!--库存:-->
                        <!--<span>有货</span>-->
                    <!--</p>-->
                <!--</div>-->
                <!--<div>-->
                    <!--<button id="add_to_collect">加入收藏</button>-->
                    <!--<button id="add_to_mycart>加入购物车</button>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </section>

    <section class="promise">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/local1.png">
                    <span>韩国直采</span>
                </div>
                <div class="col-md-3">
                    <img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/local2.png">
                    <span>超值低价</span>
                </div>
                <div class="col-md-3">
                    <img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/local3.png">
                    <span>极速发货</span>
                </div>
                <div class="col-md-3">
                    <img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/local4.png">
                    <span>7天包退</span>
                </div>
            </div>
        </div>
    </section>
    <!--商品详情-->
    <section class="details">
        <div class="d_title">
            <ul>
                <li class="active">图文详情</li>
                <li>商品参数</li>
                <li>配送说明</li>
                <li>评论(87)</li>
            </ul>
        </div>

        <!--图文详情-->
        <div class="d_img d_li_tab">
            <!--<img src="../images/goodsImg/20160122084646_cfeee721f45f6a369830853e9ecbdbcf.jpg">-->
            <!--<img src="../images/goodsImg/20151110084315_d6d17d84f573553e51c15e61a370da9c.jpg">-->
        </div>

        <!--商品参数-->
        <div class="d_goods_info d_li_tab" style="display: none">
            <table>
                <!--<tr>-->
                    <!--<th class="g_label">品牌</th>-->
                    <!--<td class="data last">Pony Effect</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th class="g_label">产品名称</th>-->
                    <!--<td class="data last">THAT GIRL 微光4色修容盘</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th class="g_abel">功效</th>-->
                    <!--<td class="data last">修容</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th class="g_label">原产地</th>-->
                    <!--<td class="data last">韩国</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th class="g_label">产品容量</th>-->
                    <!--<td class="data last">14g</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th class="g_label">规格</th>-->
                    <!--<td class="data last">正装</td>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th class="g_label">Tax rate</th>-->
                    <!--<td class="data last">0.2635</td>-->
                <!--</tr>-->
            </table>
        </div>
        <!--配送说明-->
        <div class="d_distribution  d_li_tab" style="display: none">
            <ul>
                <li>1、本仓订单金额满99元包邮；</li>
                <li>2、下单后24小时内发货；</li>
                <li>3、下单后预计3-5个工作日到货（偏远地区除外）。</li>
            </ul>
        </div>
        <!--评论-->
        <div class="d_comment  d_li_tab" style="display: none">
            <div class="comment-list">
                <div class="avatar">
                    <img src="http://avatar.cn.memebox.com/avatar/2016/10/17/3789d31a-1dfe-4e4b-a103-856383cea09f.jpeg">
                </div>
                <div class="comments">
                    <div class="userinfo">
                        <span class="username">〝颖〞形的丫eGa</span>
                        <span class="commentdate">2017-03-14 17:46:47</span>
                    </div>

                    <div class="star">
                        <div class="grey" style="width: 140px">
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                        </div>
                        <div class="treasure"></div>
                    </div>
                    <div class="commentdetail">价格便宜，优惠多多，上脸颜色偏白，妆前乳很赞！</div>
                    <ul class="commentpic">
                        <li><img src="http://imgreview.cn.memebox.com/review/2016/10/17/379ce1d5-9263-4d33-a2ae-90108217d70d.jpeg" name="http://imgreview.cn.memebox.com/review/2016/10/17/00756d58-9587-49aa-9644-544568ec7ec6.jpeg"><i></i></li>
                    </ul>
                    <ul class="bigpic">
                        <div><i>×</i><img src="http://imgreview.cn.memebox.com/review/2016/10/17/00756d58-9587-49aa-9644-544568ec7ec6.jpeg"></div>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>
            <div class="comment-list">
                <div class="avatar">
                    <img src="http://avatar.cn.memebox.com/avatar/2016/10/17/3789d31a-1dfe-4e4b-a103-856383cea09f.jpeg">
                </div>
                <div class="comments">
                    <div class="userinfo">
                        <span class="username">〝颖〞形的丫eGa</span>
                        <span class="commentdate">2017-03-14 17:46:47</span>
                    </div>

                    <div class="star">
                        <div class="grey" style="width: 140px">
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                            <i class="iconfont icon-star-"></i>
                        </div>
                        <div class="treasure"></div>
                    </div>
                    <div class="commentdetail">价格便宜，优惠多多，上脸颜色偏白，妆前乳很赞！</div>
                    <ul class="commentpic">
                        <li><img src="http://imgreview.cn.memebox.com/review/2016/10/17/379ce1d5-9263-4d33-a2ae-90108217d70d.jpeg" name="http://imgreview.cn.memebox.com/review/2016/10/17/00756d58-9587-49aa-9644-544568ec7ec6.jpeg"><i></i></li>
                    </ul>
                    <ul class="bigpic">
                        <div><i>×</i><img src="http://imgreview.cn.memebox.com/review/2016/10/17/00756d58-9587-49aa-9644-544568ec7ec6.jpeg"></div>
                    </ul>
                    <div class="clear"></div>
                </div>
            </div>


        </div>
    </section>
    <section class="memebox_info"><img src="http://cn.memebox.com/skin/frontend/ultimo/default/images/moredetails.jpg"></section>
</section>
<!--End Main-->

<!--右侧边栏-->
<aside>
    <ul class="cart_aside">
        <li id="shop_cart">
            <a href="#"><i class="iconfont icon-gouwuche"></i>
            </a>
            <span>购<br>物<br>车</span>

            <b>0</b>
        </li>
        <li class="aside_menu">
            <a href="#"> <i class="iconfont icon-geren"></i></a>
            <div class="geren">个人中心<span class="triangle"></span></div>
        </li>
        <li class="aside_menu">
            <a href="#"><i class="iconfont icon-xin"></i></a>
            <div class="shoucang">我的收藏<span class="triangle"></span></div>
        </li>
        <li class="aside_menu">
            <a href="#"> <i class="iconfont icon-dingdan"></i></a>
            <div class="dingdan">我的订单<span class="triangle"></span></div>
        </li>
    </ul>
    <ul  class="cart_aside">
        <li class="aside_menu">
            <a href="#"><i class="iconfont icon-kefu"></i></a>
            <div class="kefu">在线客服<span class="triangle"></span></div>
        </li>
        <li class="aside_menu" id="goto_top">
            <a href="javascript:void(0)"><i class="iconfont icon-top"></i></a>
            <div class="dingbu">返回顶部<span class="triangle"></span></div>
        </li>

    </ul>

    <!--购物车的模态框-->
    <div id="my_shop_cart">
        <div class="my_shop_title">
            <span>购物车</span>
            <i class="iconfont icon-cuo"></i>
        </div>
        <div class="other_shop_title">其他商品</div>
        <ul class="mbar-cart-group" id="cart-group">
            <!--<li id="cart_goods_0">-->
                <!--&lt;!&ndash;商品图片&ndash;&gt;-->
                <!--<div class="cart-img-box">-->
                    <!--<a href="http://cn.memebox.com/catalog/product/view/id/17558/"><img class="mbar-cart-img" src="http://img-cn1001.memebox.com/media/catalog/product/cache/0/thumbnail/255x255/9df78eab33525d08d6e5fb8d27136e95/t/o/too-cool-for-school-_hot-girl_.jpg" alt=""></a>-->
                <!--</div>-->
                <!--&lt;!&ndash;商品信息盒子&ndash;&gt;-->
                <!--<div class="mbar-cart-item">-->

                    <!--<div class="cart-item-name">-->
                        <!--<a class="cart-item-link" href="http://cn.memebox.com/catalog/product/view/id/17558/"><span>TOO COOL FOR SCHOOL&amp;nb...</span></a>-->
                    <!--</div>-->

                    <!--<div class="cart-item-sum">-->
                        <!--&lt;!&ndash;购物车内的加减&ndash;&gt;-->
                        <!--<a class="cart-item-btn substrBtn disabled" href="javascript:void(0);">-->
                            <!--<i class="iconfont icon-jian"></i>-->
                        <!--</a>-->
                        <!--<span class="cart-item-num" data-min="" data-max="">1</span>-->
                        <!--<a class="cart-item-btn plusBtn" href="javascript:void(0);">-->
                            <!--<i class="iconfont icon-jia"></i>-->
                        <!--</a>-->
                    <!--</div>-->

                    <!--<div class="cart-item-price">¥65.00</div>-->
                    <!--<a class="cart-item-del" href="javascript:void(0);" data-tmp="17558-3476-12669" title="删除">-->
                        <!--<i class="iconfont icon-shanchu"></i>-->
                    <!--</a>-->
                <!--</div>-->
            <!--</li>-->
        </ul>
        <!--仓库商品数量-->
        <div class="mbar-cart-sum">
            <div class="cart-sum-left">
                本仓共<span class="cart-sum-num">0</span>件商品
            </div>
            <!--<div class="cart-sum-right">0</div>-->
        </div>
        <!--去购物车结算-->
        <div class="mbar-cart-foot">
            <a class="cart-sum-pay" href="cart.html">去购物车结算</a>
        </div>
        <p class="cart-none">购物车很空！</p>
    </div>
</aside>

<!--End 右侧边栏-->


<!--&lt;!&ndash;Footer&ndash;&gt;-->
<!--<footer>-->
    <!--<div id="f_main">-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-md-3 col-xs-3 main_text">-->
                    <!--<div><img src="../images/loginImg/genuine.png"></div>-->
                    <!--<p>100%正品</p>-->
                <!--</div>-->
                <!--<div class="col-md-3 col-xs-3 main_text">-->
                    <!--<div><img src="../images/loginImg/low.png"></div>-->
                    <!--<p>优质低价</p>-->
                <!--</div>-->
                <!--<div class="col-md-3 col-xs-3 main_text">-->
                    <!--<div><img src="../images/loginImg/deliver.png"></div>-->
                    <!--<p>极速发货</p>-->
                <!--</div>-->
                <!--<div class="col-md-3 col-xs-3 main_text">-->
                    <!--<div><img src="../images/loginImg/refund.png"></div>-->
                    <!--<p>退换无忧</p>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div id="footer">-->
        <!--<div class="container">-->
            <!--<div class="row">-->
                <!--<div class="col-md-4 col-xs-4 foot_lt">-->
                    <!--<img src="../images/loginImg/szj.jpg">-->
                    <!--<p>关于我们</p>-->
                    <!--<div class="third_logo">-->
                        <!--<img src="../images/loginImg/meme.png">-->
                        <!--<img src="../images/loginImg/wechat.png">-->
                        <!--<img src="../images/loginImg/sina.png">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="col-md-2 col-xs-2 footer_text">-->
                    <!--<ul>-->
                        <!--<li class="li_title">关于美美箱</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">美美全球</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">品牌优势</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">消费保障</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">线下体验店</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
                <!--<div class="col-md-2 col-xs-2 footer_text">-->
                    <!--<ul>-->
                        <!--<li class="li_title">帮助中心</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">常见问题</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">账户相关</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">包邮政策</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">支付相关</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">物流相关</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">退换政策</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
                <!--<div class="col-md-2 col-xs-2 footer_text">-->
                    <!--<ul>-->
                        <!--<li class="li_title">服务协议</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">服务协议</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">个人网申协议</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">隐私政策</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
                <!--<div class="col-md-2 col-xs-2 footer_text">-->
                    <!--<ul>-->
                        <!--<li class="li_title">联系我们</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">商务合作</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">分销合作</a>-->
                        <!--</li>-->
                        <!--<li class="li_text">-->
                            <!--<a href="#">加入我们</a>-->
                        <!--</li>-->
                    <!--</ul>-->
                <!--</div>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div id="service">-->
        <!--<P>联系客服</P>-->
        <!--<div>-->
            <!--<span>客服时间 : 周一~周日(9:00 - 21:00)</span>-->
            <!--<span>客服热线: 400-720-9967</span>-->
            <!--<span>客服邮箱 :kf@memeboxglobal.com</span>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div id="copyright">-->
        <!--<div class="cr_lt left">-->
            <!--<span>© 2015 Memebox Corporation. All Rights Reserved.</span>-->
        <!--</div>-->
        <!--<div class="cr_rt right">-->
            <!--<a><img src="../images/loginImg/icon.gif"></a>-->
            <!--<span>蜜米柏克思（上海）商贸有限公司 </span>-->
            <!--<span>上海市杨浦区政立路415号中航天盛广场A座6楼 </span>-->
            <!--<span>沪ICP备14043341号</span>-->
            <!--<a href="#">营业执照</a>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div id="bt_img">-->
        <!--<img src="../images/indexImg/szj.png"/>-->
        <!--<img src="../images/indexImg/szjqr.png"/>-->
        <!--<span class="close"></span>-->
    <!--</div>-->
<!--</footer>-->
<!--&lt;!&ndash;End footer&ndash;&gt;-->

</body>
</html>
<script src="../js/jquery/jquery.js"></script>
<script src="../js/html5shiv/html5shiv.js"></script>
<script src="../js/bootstrap/bootstrap.min.js"></script>
<script src="../js/lib/ajax.js"></script>
<script src="../js/index.js"></script>
<script src="../js/lib/goods.js"></script>
<script src="../js/lib/cookies.js"></script>
<script src="../js/lib/jquery.cookie.js"></script>

